/* ------------------------------ tags ------------------------------ */
body,h1,h2,h3,h4,h5,ul,dl,dt,dd,li,ol,p,th,td { padding:0; margin:0; font-size:12px; font-weight:normal; color:#666; font-family:"微软雅黑"; }
ol, ul { list-style:none;}
li{ vertical-align:middle;}
img { border:0;}
table{ border-collapse:collapse;}

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

/* ------------------------------ links ------------------------------ */
a{text-decoration: none; color: #666; }
body{ background:#fff;}
.warper{ width:1200px; margin:auto;}

.header{ background:url(headerbg.jpg) repeat-x;}
.header .hcont{ height:84px; width:1200px; margin:auto;}
.header .hcont .logo{ float:left; /*margin:12px 0 0 0;*/}
.header .hcont .searchbox{ float:right; margin-top:30px;}
.header .hcont .searchbox input{ float:right; margin:0; padding:0;}
.header .hcont .searchbox input[type='text']{ height:20px; line-height:20px; border:1px #dddddd solid; padding:0 5px; width:120px; margin-right:2px;}
.header .hcont .searchbox input[type='text']:focus{ outline:none;}
.header nav{ height:40px; background:url(nav_bg.jpg) repeat-x;}
.header nav ul{ width:1200px; margin:auto;}
.header nav ul li.fli{ height:40px; line-height:40px; background:url(nav_li_right_bg.jpg) right center no-repeat; float:left; width:111px;}
.header nav ul li.fli .fa{ color:#fff; display:block; text-align:center; font-size:14px;}
.header nav ul li.fli .fa:hover{background:url(nav_li_focus.jpg) repeat-x;  width:115px; margin-left:-2px; }
.header nav ul li a.focus{background:url(nav_li_focus.jpg) repeat-x; width:115px; margin-left:-2px; }

.bodyer{}
.bodyer .business{ height:167px; background:url(bus_bg.jpg) repeat-x; border-top:1px #fff solid;}
.bodyer .business ul{ padding-top:10px; width:1015px;}
.bodyer .business ul li{ width:242px; height:127px; float:left; margin-right:10px;}

.bodyer .inabout{ width:234px; float:left; border:1px #d9d9d9 solid;margin-right: 15px;}
.atitle{ height:29px; line-height:29px; margin:1px 1px 0 1px; background:url(intitle_bg.jpg) repeat-x; overflow:hidden;}
.atitle strong{ display:block; font-weight:normal; height:27px; width:84px; float:left; background:url(inabout_title_st_bg.jpg) no-repeat; text-align:center; color:#fff; font-weight:
bold; font-size:14px; margin-left:10px; margin-top:2px;}
.bodyer .inabout .atitle .more{ float:right; margin:0 10px 0 0;}
.bodyer .inabout .acont{padding: 5px 15px 8px 8px;}
.bodyer .inabout .acont img{ float:left; margin-bottom:2px ;}
.bodyer .inabout .acont p{ line-height:25px; text-indent:2em; }

.bodyer .innews{ width:360px; float:right; }
.bodyer .innews .ntitle{ height:30px; line-height:24px; background:url(news_title.jpg) no-repeat;}
.bodyer .innews .ntitle strong{ color:#fff; font-size:14px; float:left; padding-left:18px;font-weight:normal;}
.bodyer .innews .ntitle .more{ float:right; margin:0 10px 0 0;}
.bodyer .innews ul{ padding-top:5px;}
.bodyer .innews ul li{ height:28px; line-height:28px; border-bottom:1px #ccc dashed; background:url(news_icon.jpg) left center no-repeat; padding-left:12px;}
.bodyer .innews ul li a{ float:left;}
.bodyer .innews ul li a:hover{ float:left; color:#005dba;}
.bodyer .innews ul li span{ float:right; margin-right:5px;}

.bodyer .inright{ width:257px; float:right; overflow:hidden;}
.bodyer .inright a{ display:block; width:257px; height:64px; margin-bottom:13px;}

.bodyer .inproduct{ /*height:192px; background:url(index_pro_bg.jpg) no-repeat;*/ width:575px; float:left; margin-left:15px;}
.bodyer .inproduct .inptitle{ height:32px; line-height:32px;background: #DFE1E2;/*background: url(title.png);*/}
.bodyer .inproduct .inptitle strong{ color:#1C446F; font-size:14px; padding-left:14px; float:left;}
.bodyer .inproduct .inptitle .more{ float:right; margin-right:10px; line-height:32px;}
.bodyer .inproduct .inpcont{ position:relative; padding-top:5px;}

.imgleft{ position:absolute;left:10px; top:70px; cursor:pointer;}
.imgright{ position:absolute;right:1px;top:70px; cursor:pointer;}
.bodyer .inproduct .inpcont .viewer{ height:263px; /*width:500px; margin-left:42px;*/ overflow:hidden;}
.bodyer .inproduct .inpcont .viewer li{ width:197px; height:263px; float:left; margin-right:5px;}
.bodyer .inproduct .inpcont .viewer li img{ width:197px; height:263px; border:1px #e9e9e9 solid;}
.bodyer .inproduct .inpcont .viewer li span{ display:block; height:30px; line-height:30px; text-align:center;}
#viewerFrame{ width:1200px;}




.footer{ height:58px; background:#1d87e6; line-height:58px; overflow:hidden;}
.footer span{ color:#fff;}
.footer span a{ color:#fff;}


.innerbanenr{ height:222px; background:url(innerbanner.jpg) center top no-repeat;}
.inbodyer{ background:url(inbodyer_bg.png) center top repeat-x #fff; min-height:500px;}
.leftbox{ width:210px; float:left; position:relative; background:url(left_bg.jpg) repeat-x center top #fff;} 
.leftbox .ltitle{ height:47px; position:absolute; top:-47px; left:0; z-index:1000; background:url(left_title_bg.png) no-repeat; width:210px; line-height:47px; font-size:18px; color:#fff; padding-left:40px; overflow:hidden;}
.leftmenu{ margin-top:20px;}
.leftmenu li{}
.leftmenu li a{ display:block; background:url(left_li.png) no-repeat; height:40px; line-height:40px; padding-left:70px; color:#055cb2; font-size:14px;}
.leftmenu li a.focus{ background:url(left_li_focus.png) no-repeat; color:#fff;}
.leftmenu li a:hover{ background:url(left_li_focus.png) no-repeat; color:#fff;}
.lcontact{ padding-bottom:50px;}
.lcontact p{ padding:0 10px; line-height:28px;}

.rightbox{ width:760px; float:right; overflow:hidden; }
.rightbox .rtitle{ height:30px; line-height:30px; padding-top:20px;}
.rightbox .rtitle span{ float:right; background:url(home_icon.jpg) left center no-repeat; padding-left:24px;}

.rcont{*margin-left: 230px;margin-left: 230px\0;}.rcont2{ }
.aboutus{ padding:20px 0 0 0;}
.aboutus p,.aboutus div{ line-height:28px;}
.aboutus .aboutimg{ width:172px; height:292px; float:right; margin-left:20px;}



.product,.product2{ padding:20px 0 0 0; /*overflow:hidden;*/}
.product,.product2 ul{/* width:850px;*/}
.product ul li{ width:223px; float:left; margin-right:29px;}
.product2 ul li {
width: 223px;
float: left;
margin-right: 10px;
padding: 5px;
border: 1px solid #ccc;
margin-bottom: 10px;
}
.product ul li a.img{ display:block; width:233px; height:160px; background:url(pro_li_bg.jpg) no-repeat; padding:1px 0 0 1px;}
.product ul li a.img img{ width:231px; height:157px;}
.product ul li span{ display:block; height:40px; line-height:30px; font-size:14px; text-align:center;}

.productinfo{ /*padding:20px 0 0 0;*/ overflow:hidden;}
.productinfo p,.productinfo div{ line-height:25px;}
.productinfo .title{ line-height:60px;  font-size:18px; font-weight:bold; text-align:center; color:#919191; border-bottom:1px #c1c1c1 dashed; }
.productinfo .datetime{ text-align:center; padding:12px 0; color:#a7a7a7;}
.productinfo .content,.productinfo .content p,.productinfo .content div{ line-height:28px; color:#666; font-size:14px;}

.partner{ padding:20px 0 0 0; overflow:hidden;}
.partner ul{ width:850px;}
.partner ul li{ width:234px; float:left; margin-right:29px;}
.partner ul li a.img{ display:block; width:233px; height:113px; background:url(par_li_bg.jpg) no-repeat; padding:1px 0 0 1px;}
.partner ul li a.img img{ width:231px; height:110px;}
.partner ul li span{ display:block; height:40px; line-height:30px; font-size:14px; text-align:center;}




.contactus{padding:20px 0 0 0; background:url(contactbg.jpg) right bottom no-repeat; min-height:300px;}
.contactus h2.tit{ font-size:18px; color:#1580e0;}
.contactus .contactusp{ background:url(contact_icon.jpg) left 7px no-repeat; line-height:29px; padding-left:30px;}


.news{ padding:20px 0;}
.news ul{}
.news ul li.tit{ background:url(news_list_tit_bg.jpg) repeat-x center bottom; line-height:50px; overflow:hidden;}
.news ul li.tit strong{ font-size:14px; color:#333; padding-left:10px;}
.news ul li.tit i{ font-size:14px; color:#333;font-weight:bold;}
.news ul li{ border-bottom:1px #ddd dashed; height:44px; line-height:44px; }
.news ul li a{ color:#666; background:url(news_icon.jpg) left center no-repeat; padding-left:18px; float:left;}
.news ul li a:hover{ color:#005dba;}
.news ul li i{ float:right; font-style:normal; color:#a7a7a7; padding-right:10px; }

.news .title{ line-height:60px;  font-size:18px; font-weight:bold; text-align:center; color:#919191; border-bottom:1px #c1c1c1 dashed; }
.news .datetime{ text-align:center; padding:12px 0; color:#a7a7a7;}
.news .content,.news .content p,.news .content div{ line-height:28px; color:#666; font-size:14px;}


.provnext{padding:0 5px; margin-top:15px; }
.prov{ height:24px; line-height:24px; border:0;font-size:14px; }
.next{ height:24px; line-height:24px; border:0;font-size:14px;}
.prov a:hover,.next a:hover{ color:#0075c1;}



/**分页样式*/
.pager { float:right; margin:auto; text-align:center; padding-top:20px;}
.pager a { border:#ddd 1px solid; display:block; float:left; ;COLOR: #333; MARGIN-RIGHT:2px; width:26px; line-height:20px; text-align:center; height:20px;text-decoration:none; background:#fff;}
.pager a:hover ,#pager a:active { border:#0075c1 1px solid; color:#fff; background-color:#0075c1;}
.pager span.current { display:block; float:left; border:#0075c1 1px solid;font-weight:bold; color:#fff; margin-right:2px; background-color:#0075c1;width:26px; line-height:20px; text-align:center; height:20px; cursor:pointer;}
.pager span.disabled { border:#ccc 1px solid; color:#ccc; background:#f3f3f3; margin-right:2px; display:block; float:left;width:26px; line-height:20px; text-align:center; height:20px;}






.c1{ color:#ff5c01}
.red{ color:#f10000!important;}
.green{ color:#26A006!important;}
hr{ clear:both; border:0; background:none;}
.clear{ clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}
.i2{ display:block; clear:both; height:2px; line-height:2px; font-size:2px; overflow:hidden;}
.i5{ display:block; clear:both; height:5px; line-height:5px; font-size:5px; overflow:hidden;}
.i6{ display:block; clear:both; height:6px; line-height:6px; font-size:6px; overflow:hidden;}
.i7{ display:block; clear:both; height:7px; line-height:7px; font-size:7px; overflow:hidden;}
.i8{ display:block; clear:both; height:8px; line-height:8px; font-size:8px; overflow:hidden;}
.i10{ display:block; clear:both; height:10px; line-height:10px; font-size:10px; overflow:hidden;}
.i12{ display:block; clear:both; height:10px; line-height:12px; font-size:12px; overflow:hidden;}
.i15{ display:block; clear:both; height:15px; line-height:15px; font-size:15px; overflow:hidden;}
.i20{ display:block; clear:both; /*height:20px;*/ line-height:20px; font-size:20px; overflow:hidden;}
.i25{ display:block; clear:both; height:25px; line-height:25px; font-size:25px; overflow:hidden;}
.i30{ display:block; clear:both; height:30px; line-height:30px; font-size:30px; overflow:hidden;}
.i50{ display:block; clear:both; height:50px; line-height:50px; font-size:30px; overflow:hidden;}

.w580{ width:580px!important;}
.w320{ width:320px!important;}

.nobg{ background:none!important;}
.noborder{ border:none!important;}
.hidden{ display:none;}
.fl{ float:left;}
.fr{ float:right;}
.mr10{ margin-right:10px;}.red2 {
color: #01418D;
font-weight: bold; font-size:14px;
}


#nyleft {
float: left;
width: 200px;
padding-top:10px;
}#nyleft #leftbt {
background-image: url(title01.gif);
background-repeat: no-repeat;
height: 51px;
}#nyleft #leftnr {
background-image: url(leftbrbg.gif);
background-repeat: repeat-y;
padding-right: 10px;
padding-left: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
line-height: 20px;
font-weight: normal;
}#nyleft #leftnr #lbbt {
background-color: #f4f4f4;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333;
background-image: url(icon.gif);
background-repeat: no-repeat;
padding-left: 25px;
background-position: 5px 7px;
line-height: 24px;
height: 24px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e1e1e1;
}#nyleft #leftnr #lbbt a {
color: #333333;
text-decoration: none;
line-height: 24px;
}#nyleft #leftnr #lbnr {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 19px;
font-weight: normal;
color: #666666;
padding-top: 5px;
padding-bottom: 7px;
}#nyleft #leftnr #lbnr li {
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #e1e1e1;
background-image: url(icon01.gif);
background-repeat: no-repeat;
background-position: 7px;
padding-left: 20px; line-height:250%;
}#nyleft #leftdb {
background-image: url(leftdb.gif);
background-repeat: no-repeat;
height: 14px;
}.m-crumb {
height: 34px;
line-height: 34px;
border-bottom: 1px #1e72b0 solid; padding-top:10px;
}.m-crumb h4 {
float: left;
font-size: 16px;
color: #1e72b0;
font-weight:bold;
}.m-crumb p {
float: right;
padding-right: 10px;
color: #666;
}.m-crumb p a {
margin: 0 5px;
color: #666;
}
#showlxwm {
font-size: 12px;
line-height: 30px;
font-weight: bold;
color: #FF0000;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #CCCCCC;
margin-bottom: 15px;
}#title {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000000;
line-height: 28px;
border-left-style: groove;
border-left-color: #0066FF;
border-left-width: 8px;
padding-left: 15px;
background-color: #FFFFFF;
}
.inmiddle {
width: 500px;
height: auto;
float: left;
text-align: left;
border: 1px solid #e5e5e5;
margin: 0 10px;
}.caseright {
width: 360px;
/*height: 230px;*/
border-bottom: 1px solid #c7c6c5;
border-left: 1px solid #c7c6c5;
border-right: 1px solid #c7c6c5;
float: right; padding-bottom:9px;

}.contacttitle {
background-image: url(listitlebg.jpg);
background-repeat: repeat-x;
/*width: 274px;*/
height: 46px;
}.contact-lx {
background-image: url(titlebg.jpg);
background-repeat: no-repeat;
width: 193px;
height: 46px;
float: left;
}.contact-lx p {
width: 87px;
height: 46px;
background-image: url(icons2.jpg);
background-position: left center;
text-indent: 20px;
background-repeat: no-repeat;
line-height: 46px;
margin-left: 20px;
color: #ffffff;
font-size: 13px;
font-weight: bold;
}
.contactmore {
height: 46px;
float:right;
line-height: 46px; padding-right:10px
}.contactcontent {
width: 445px;
height: 184px;
background-image: url(contact-bg.jpg);
background-position: bottom center;
background-repeat: no-repeat;
}
.contactcontent li.l1 {
margin-top: 20px;
}.contactcontent li {
height: 25px;
width: 270px;
line-height: 25px;
text-indent: 10px;
float:left;
}.seller img{vertical-align: middle;
padding-right: 2px;
}.seller{ padding:10px 20px 10px 10px}